<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

<!DOCTYPE html>

<html xmlns:c="http://java.sun.com/jsp/jstl/core">
<head>
	<!-- CSS-Dateien verknÃ¼pfen -->
    <link type="text/css" rel="stylesheet" href="<c:url value="/resources/style/bewertungen.css"/>" />
<title>Bewertete Serien</title>
</head>

<body>
	<!-- Header mit Menüleiste -->
	<%@ include file="../header.jsp" %>
	
	
	<div id="bewertungsListe">
		<c:choose>
			<%-- noch keine Serie bewertet --%>
			<c:when test="${fn:length(bewerteteSerien) == 0}">
				<h1>Du hast noch keine Serie bewertet</h1>
			</c:when>
			
			<%-- Bewertete Serien anzeigen --%>
			<c:otherwise>
				<h1>Du hast ${fn:length(bewerteteSerien)} Serien bewertet:</h1>
				<table>
					<thead>
						<tr class="titelzeile">
							<th>Titel</th>
							<th>Bewertung</th>
						</tr>
					</thead>
					
					<c:forEach var="serienPaar" items="${bewerteteSerien}">
						<tr class="liste">
							<td class="titel">
								<a href="<c:url value="/serien/${fn:replace(serienPaar[0], ' ', '-')}" /> ">${serienPaar[0]}</a>
							</td>
							<td class="bewertung"><img src="<c:url value="/resources/Media/${serienPaar[1]}.0Sterne.png"/>"></td>
						</tr>
					</c:forEach>
				</table>
			</c:otherwise>
		</c:choose> 
		<p>Klicke <a href="<c:url value="/login/favoriten"/>">hier</a> um deine Favoriten einzusehen</p>
	</div>
	
	<!-- Footer -->
	<%@ include file="../footer.jsp" %>
	
	<!--  JQuery & JavaScript Scripte einbinden -->
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="<c:url value="/resources/script/standard.js"/> "></script>
    <script type="text/javascript" src="<c:url value="/resources/script/tableRowTitelLinks.js"/> "></script>
</body>
</html>